<div class="bui-page bui-box-vertical">
    <header>
        <div class="bui-bar">
            <div class="bui-bar-left">
                <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
            </div>
            <div class="bui-bar-main">页面标题</div>
            <div class="bui-bar-right">
                <!-- 右边按钮位置 -->
            </div>
        </div>
    </header>
    <main>
        <!-- 正文内容 -->
        
        <div class="bui-btn" id="chat">
            这是聊天界面的测试界面
        </div>
    </main>
    <footer>
        <!-- 底部内容 此处内容固定在页面底部 -->
    </footer>
</div>